home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / dhtmlunl / dhtml.exe / CD Content / Chap12 / dun12_5.txt < prev    next >
Encoding:
Text File  |  1997-12-18  |  1.2 KB  |  55 lines
  1. <HTML>
  2.  
  3. <HEAD>
  4.  
  5. <TITLE> scripting position - cross browser</TITLE>
  6.  
  7. </HEAD>
  8.  
  9. <SCRIPT LANGUAGE="javascript">
  10.  
  11.  
  12.  
  13. var L=new layerTool();
  14.  
  15. function layerTool()
  16.  
  17.     {
  18.  
  19.     if (navigator.appName=="Netscape")
  20.  
  21.         this.layerProp=navProp;
  22.  
  23.     else
  24.  
  25.         this.layerProp=exProp;
  26.  
  27.     }
  28.  
  29. function exProp()
  30.  
  31.     {
  32.  
  33.     return document.all[arguments[arguments.length-1]].style;
  34.  
  35.     }
  36.  
  37. function navProp()
  38.  
  39.     {
  40.  
  41.     retVal="";
  42.  
  43.     for (var x=0;x<arguments.length;x++)
  44.  
  45.         {
  46.  
  47.         retVal+="document.layers[\'"+arguments[x]+"\']";
  48.  
  49.         if (x!=arguments.length-1)
  50.  
  51.             retVal+=".";
  52.  
  53.         }
  54.  
  55.     return eval(retVal);
  56.  
  57.     }
  58.  
  59. function random (limit)
  60.  
  61.     {
  62.  
  63.      return (Math.round(((Math.random())*1000))%limit)+1;
  64.  
  65.     }
  66.  
  67. function moveElement()
  68.  
  69.     {
  70.  
  71.     L.layerProp('movingElement').left=random(300);
  72.  
  73.     L.layerProp('movingElement').top=random(300);
  74.  
  75.     }
  76.  
  77. </SCRIPT>
  78.  
  79. <STYLE TYPE="text/css">
  80.  
  81. .comeAlong{
  82.  
  83.     POSITION: absolute;
  84.  
  85.     TOP: 100px;
  86.  
  87.     LEFT: 100px;
  88.  
  89.     }
  90.  
  91. </STYLE>
  92.  
  93. <BODY BGCOLOR="#ffffff">
  94.  
  95. <DIV ID="movingElement" CLASS="comeAlong">
  96.  
  97. <FORM>
  98.  
  99. <INPUT TYPE=BUTTON VALUE="you move me" ONCLICK="moveElement()">
  100.  
  101. </FORM>
  102.  
  103. </DIV>
  104.  
  105. </BODY>
  106.  
  107. </HTML>
  108.  
  109.